/*!
 * Custom Locker Landing Page
 * Custom Stylesheet for this Landing Page
 * Landing Page (https://cpacodex.com)
 * Copyright 2014-2019 CPACodex Web Services
 * Licensed under MIT 
 */

 /* Global Changes */

 @import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');

.text-primary {
    color: #7c4fe0 !important;
}

body {
	font-family: 'Poppins', sans-serif;
	color: #222;
	background-color: #FFF;
	padding-top: 50px;
  	overflow-x: hidden;
}

.section-heading > h2 {
    position: relative;
}

h2 {
    font-size: 40px;
    line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #222;
    margin-bottom: 0;
}

.section-heading > h2::after {
    position: absolute;
    content: '';
    height: 2px;
    width: 70px;
    background-color: #7c4fe0;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.btn-custom {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
	background: linear-gradient(-47deg, #8731E8 0%, #4528DC 100%);
    border: 0 none;
    border-radius: 6px;
    outline: 0 none;
    padding: 15px;
}

.btn-custom:hover, .btn-custom:focus {
	color: #FFF;
}

.featured-img img {
	width: 100px;
}

p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #565656;
    margin-bottom: 0;
}

.image-box {
	margin-top: 30px;
	margin-bottom: 20px;
    position: relative;
    -webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);
    border-radius: 1.5rem;
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.avatar-sm {
    height: 3rem;
    width: 3rem;
}

ul.stepper {
    padding: 0 1.5rem;
    padding: 1.5rem;
    margin: 1em -1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    counter-reset: section;
}
.stepper-horizontal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

ul.stepper>li:not(:last-of-type) {
    margin-bottom: .625rem;
    -webkit-transition: margin-bottom .4s;
    -o-transition: margin-bottom .4s;
    transition: margin-bottom .4s;
}
.stepper-horizontal>li:not(:last-of-type) {
    margin-bottom: 0 !important;
}
.stepper-horizontal li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .5s;
    transition: .5s;
}

ul.stepper li a {
    padding: 1.5rem;
    text-align: center;
}

ul.stepper li a .circle {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    margin-right: .5rem;
    line-height: 1.7rem;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,0.38);
    border-radius: 50%;
}

ul.stepper li.active a .label, ul.stepper li.completed a .label {
    font-weight: 400;
    font-size: 13px;
    color: rgba(0,0,0,0.87);
}
ul.stepper li a .label {
    display: inline-block;
    color: rgba(0,0,0,0.38);
}
.stepper-horizontal li a .label {
    margin-top: .63rem;
}

.stepper-horizontal li:not(:last-child):after {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    margin: .5rem 0 0 0;
    content: "";
    background-color: rgba(0,0,0,0.1);
}

ul.stepper>li:not(:last-of-type) {
    margin-bottom: .625rem;
    -webkit-transition: margin-bottom .4s;
    -o-transition: margin-bottom .4s;
    transition: margin-bottom .4s;
}

.app1-none, .app2-none, .app3-none, .app4-none, .app5-none, .app6-none, .app7-none, .app8-none, .app9-none, .app10-none, .app11-none, .app12-none {
	display: none; 
}


@media (max-width: 575px) {

	.section-heading > h2 {
	    line-height: 1.5;
	}

	h2 {
	    font-size: 24px;
	    line-height: 1.4;
	}

}